<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form-v-model-2</title>
    <script src="../../../lib/vue.global.js"></script>
</head>
<body>

<div id="app">


    <div>
        <input type="checkbox" value="football" v-model="sports"> football
        <input type="checkbox" value="baseball" v-model="sports"> baseball
        <input type="checkbox" value="basketball" v-model="sports"> basketball


        {{sports}}
    </div>


    <div>
        <input type="radio" value="football" v-model="radioSelected"> football
        <input type="radio" value="baseball" v-model="radioSelected"> baseball
        <input type="radio" value="basketball" v-model="radioSelected"> basketball


        {{radioSelected}}
    </div>

</div>

</body>
<script src="../../../lib/vue.global.js"></script>
<script>


    const app = {
         data(){

              return {
                  sports:[],
                  radioSelected:""
              }
         }
    }


    Vue.createApp(app).mount('#app');
</script>
</html>